<header>
    自定义组件
</header>
<h2>
    基本结构
</h2>
<pre tag="javascript">
Component({

    // 属性列表
    properties:{}

    // 数据
    data:{},

    // 自定义方法(位置)
    methods:{},

    // 生命周期方法(位置)
    lifetimes:{
        ready(){}
    },
});
</pre>
<h2>
    属性定义和使用
</h2>
<p>
    属性也就是用户使用这个组件的时候可以设置的属性：
</p>
<pre tag="javascript">
Component({
    properties: {
        width: {
            type: Number,
            value: 300
        }
    }
});
</pre>
<p>
    使用的时候也非常简单：
</p>
<pre tag="javascript">
    console.log(this.data.width);
</pre>